<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>detail</title>
    <link rel="stylesheet" href="./css/detail.css">
</head>

<body>
    <div class="head">
        <div class="nav safe">
            <!-- 导航左 -->
            <div class="nav1">
                <p>欢迎来到丝芙兰</p>
                <span class="logina">
                    <a href="./login.html" class="a1">请登录</a>
                    <span>&nbsp;|&nbsp;</span>
                    <a href="./register.html" class="a2">免费注册</a>
                </span>
                <a href="" class="a3">手机验证码登录</a>
            </div>
            <!-- 导航中 -->
            <div class="nav2">
                <ul>
                    <li></li><a href="">丝芙兰配送公告</a> </li>
                    <!-- <li><a href="">丝芙兰防诈骗公告</a> </li>
                          <li><a href="">丝芙兰正品承诺</a> </li>
                          <li><a href="">常见问题</a> </li> -->
                </ul>
            </div>
            <!-- 导航右 -->
            <div class="nav3">
                <ul>
                    <li class="nav3-a1"><a href="">我的丝芙兰<span class="nav3-a1-1"></span></a></li>
                    <li class="nav3-a2"><a href="">会员俱乐部</a></li>
                    <li class="nav3-a3"><a href="">手机丝芙兰</a></li>
                    <li class="nav3-a4"><a href="">帮助中心</a></li>
                </ul>
            </div>

        </div>

    </div>
    <!-- head结束 -->

    <!-- top开始 -->
    <div class="ding">
        <div class="top safe">

            <a href="./index.html" class="top-a1">
                <img src="https://ssl1.sephorastatic.cn/soa/pc/images/sep_top_Logo.png" alt="">
            </a>
            <div class="top-s1">
                <input type="text" class="search-1">
                <button>搜索</button>
                <ul id="search-list"></ul>
                <ul>
                    <li><a href="">618热卖狂欢</a></li>
                    <li><a href="">丝家划算好物</a></li>
                    <li><a href="">经典囤货力荐</a></li>
                    <li><a href="">炎日基础护肤</a></li>
                    <li><a href="">人气彩香合辑</a></li>
                    <li><a href="">小众尖货精选</a></li>
                </ul>
            </div>

            <div class="top-a2">
                <a href="">购物袋0件</a>
            </div>


        </div>
    </div>

    <div class="SepProductDetail clearFix">
        <div class="mainCenter clearFix">
            <div class="crumbs">
                <div><a href="https://www.sephora.cn/">首页</a></div>
                <div> &gt; </div>
                <div><a href="https://www.sephora.cn/category/60002/" target="_blank">彩妆</a></div>
                <div> &gt; </div>
                <div><a href="https://www.sephora.cn/category/230058-60002/" target="_blank">套装彩盘</a></div>
                <div> &gt; </div>
                <div><a href="https://www.sephora.cn/category/230060-230058-60002/" target="_blank">彩盘</a></div>
                <div> &gt; </div>
                <div><a href="https://www.sephora.cn/brand/SEPHORACOLLECTION-1/" target="_blank">丝芙兰</a></div>
                <div> &gt; </div>
                <div>丝芙兰初恋微醺腮红高光盘</div>
            </div>
            <div class="productImageChange">
                <div class="imgOrVideo container">
                    <div class="bigIcon"></div>
                    <img src="https://ssl2.sephorastatic.cn/products/4/1/9/5/6/9/1_n_06817_640x640.jpg" class="picture" alt="丝芙兰初恋微醺腮红高光盘" title="丝芙兰初恋微醺腮红高光盘">
                    <div class="magnifier-container">
                        <div class="magnifier-initial small-img">
                            <div class="magnifier-cover focus" ></div>
                            <div class="magnifier-cover-transparent "></div>
                        </div>
                        <div class="magnifier-preview big-img">
                            <img src="https://ssl2.sephorastatic.cn/products/4/1/9/5/6/9/1_n_06817_1200x1200.jpg" alt="预览大图" >
                        </div>
                    </div>
                </div>
                <div class="controlModule">
                    <div class="Arrow">
                        <div class="leftArrow cant"></div>
                    </div>
                    <ul class="picture">
                        <li class="noOpacity"><img src="https://ssl2.sephorastatic.cn/products/4/1/9/5/6/9/1_n_06817_50x50.jpg" class="" alt="" title=""></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                    <div class="Arrow">
                        <div class="rightArrow cant"></div>
                    </div>
                </div>
            </div>
            <div class="ProductMainMixture clearFix">
                <div class="title">
                    <div class="testBox clearFix">
                        <h1>
                            <p>丝芙兰初恋微醺腮红高光盘</p>
                        </h1>
                        <p>SEPHORA MUST-HAVE BLUSH AND STROBING FACE PALETTE</p>
                        <p>打造粉嫩元气肌肤</p>
                    </div><img alt="SEPHORACOLLECTION" title="SEPHORACOLLECTION" class="logo"
                        src="https://ssl2.sephorastatic.cn/wcsfrontend/brand/sephoracollection/sephoracollection_144X60.png">
                </div>
                <div class="price test">
                    <p class="one">活动价</p>
                    <p class="two ml28">￥</p>
                    <p class="three">84.50</p>
                    <p class="four"></p>
                    <p class="five noShow ten">￥169.00</p>
                    <p class="six">优惠折扣:</p>
                    <p class="seven">50%</p>
                    <ul>
                        <li class="exclusiveSephora">独家</li>
                    </ul>
                    <p class="eight"></p>
                </div>
                <div class="activity">
                    <div class="bigOrSmall clearFix mt000">
                        <p class="title">活动</p>
                        <ul class="mainList clearFix">
                            <li>
                                <div style="float: left; width: 73px; display: inline-block;">
                                    <div class="type">满赠</div>
                                </div>
                                <div class="main">全场购买任意产品，即可获得丝芙兰直播闪购群宣传小卡1张，限量10万张，赠完即止。</div>
                               
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="colour clearFix"><iframe id="findation-button-iframe" title="Find Your Shade"
                        src="https://findation.com/embed/button_inner?mode=none&amp;target_product_id=&amp;api_key=b0b5640be711277fd0191bbdaf30fe6478e921754ede1aa0f74fe8a6c738&amp;host=www.sephora.cn&amp;href=https%3A%2F%2Fwww.sephora.cn%2Fproduct%2F959514.html"
                        style="background-color: transparent; border: 0px none transparent; overflow: hidden; display: inline-block; visibility: visible; margin: 0px 0px 0px 111px; padding: 0px; height: 0px; width: 0px; position: absolute;"></iframe>
                    <div id="findation-widget-button" class="PDP_specialHelpSelectColor"></div>
                    <p class="title">颜色</p>
                    <div class="everyColour clearFix">
                        <ul>
                            <li class="now">
                                <div class="colorBg now"
                                    style="background-image: url(&quot;https://ssl1.sephorastatic.cn/products/4/1/9/5/6/9/s.jpg&quot;);">
                                    <div class="outOfStock now"></div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="selectColor">
                        <p class="mainText">彩盘</p>
                        <div class="bottomIcon"></div>
                        <div class="QRCodeContainer"></div>
                    </div>
                </div>
                <div class="fourButton clearFix">
                    <div class="noNumber"></div>
                    <div class="addCartButton no">
                        <p>加入购物车</p>
                        <div class="icon"></div>
                    </div>
                    <div class="noticeButton">到货通知</div>
                </div><!-- react-empty: 788 -->
            </div>
            <div class="product-standings clearFix"></div>
        </div>
            
    <div class="bottom">
        <div class="bottom1">
            <div class="bottom1-1 safe">
                <div class="bottom1-2">
                    <span class="bottom1-2-1"></span>
                    <p>顺丰EMS速达</p>

                </div>
                <span class="bottom-i"></span>
                <div class="bottom1-2">
                    <span class="bottom1-2-1" id="bottom1-2-1-1"></span>
                    <p>丰富礼赠</p>

                </div>
                <span class="bottom-i"></span>
                <div class="bottom1-2">
                    <span class="bottom1-2-1" id="bottom1-2-1-2"></span>
                    <p>100%官方正品</p>

                </div>
                <span class="bottom-i"></span>
                <div class="bottom1-2">
                    <span class="bottom1-2-1" id="bottom1-2-1-3"></span>
                    <p>无障碍退款</p>

                </div>
                <span class="bottom-i"></span>
                <div class="bottom1-2" id="bottom-bottom">
                    <span class="bottom1-2-1" id="bottom1-2-1-4"></span>
                    <p>安全支付</p>

                </div>
            </div>
        </div>
        <div class="bottom2">
            <div class="bottom2-1 safe">
                <dl>
                    <dt>
                        <a href="" class="title">购物流程</a>
                    </dt>
                    <dd>
                        <ol>
                            <li>
                                <a href="">大宗采购/团购</a>
                            </li>
                            <li>
                                <a href="">丝芙兰预付卡章程</a>
                            </li>
                        </ol>
                    </dd>
                </dl>

                <dl>
                    <dt>
                        <a href="" class="title">支付/配送</a>
                    </dt>
                    <dd>
                        <ol>
                            <li>
                                <a href="">在线支付</a>

                            </li>
                            <li>
                                <a href="">配送时间</a>
                            </li>
                        </ol>
                    </dd>
                </dl>

                <dl>
                    <dt>
                        <a href="" class="title">售后服务</a>
                    </dt>
                    <dd>
                        <ol>
                            <li>
                                <a href="">退换货规定</a>

                            </li>
                            <li>
                                <a href="">退换及退款说明</a>
                            </li>
                        </ol>
                    </dd>
                </dl>

                <dl>
                    <dt>
                        <a href="" class="title">关于丝芙兰</a>
                    </dt>
                    <dd>
                        <ol>
                            <li>
                                <a href="">公司介绍</a>
                            </li>
                            <li>
                                <a href="">联系我们</a>
                            </li>
                            <li>
                                <a href="">品牌合作/Brand Collaboration</a>
                            </li>
                            <li>
                                <a href="">隐私政策</a>
                            </li>
                        </ol>
                    </dd>
                </dl>

                <dl>
                    <dt>
                        <a href="">网上订购咨询热线:400 670 0055</a>
                    </dt>
                </dl>
            </div>
        </div>

        <div class="bottom3">
            <div class="bottom3-1 safe">
                <ul>
                    <li class="bottom3-1-1">
                        <a href="">沪公网安备 31010602003121号</a>
                        <a href="">ICP备案序号:沪ICP备05026645号</a>
                        <a href="">食品经营许可证</a>
                        <a href="">网站使用条款</a>
                        <a href="">严正声明</a>
                    </li>
                    <li>
                        <a href="">本网站隶属于丝芙兰（上海）化妆品销售有限公司（企业法人营业执照）预付卡信息唯一标识:310101F5201530100309</a>
                    </li>
                </ul>
            </div>
        </div>


    </div>
    <script src="./static/javascripts/jQuery.js"></script>
    <script src="./javascripts/glass.js"></script>
</body>

</html>